import React from 'react';
import './Hot.scss'
interface Props { }
function Hot(props: Props) {
    return (
        <div className='hot'>
            <div className='shang'>
                <h3>群众常用</h3>
                <ul >
                    <li>
                        <div>
                            <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">个体劳动者（灵活就业人员）参保登记</a>
                            <a href="#">参保人员达到法定退休年龄领取基本养</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2866.png" alt="" />
                        </div>
                        <div className='sige'>
                            <h4>公积金</h4>
                            <a href="#">租赁自住住房提取住房公积金</a>
                            <a href="#">离、退休提取住房公积金</a>
                            <a href="#">享受城镇最低生活保障提取住房公积金</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2873.png" alt="" />
                        </div>
                        <div className='sige'>
                            <h4>人才引进/落户</h4>
                            <a href="#">投资创业、引进人才居住证办理</a>
                            <a href="#">离、退休提取住房公积金</a>
                            <a href="#">享受城镇最低生活保障提取住房公积金</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2880.png" alt="" />
                        </div>
                        <div className='sige'>
                            <h4>户证</h4>
                            <a href="#">开具户籍证明</a>
                            <a href="#">人才引进</a>
                            <a href="#">出生登记</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2887.png" alt="" />
                        </div>
                        <div className='sige'>
                            <h4>职业资格</h4>
                            <a href="#">律师事务所设立许可</a>
                            <a href="#">高等学校教室资格认知</a>
                            <a href="#">中医医疗机构医师职业资格认定</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2894.png" alt="" />
                        </div>
                        <div className='sige'>
                            <h4>教育服务</h4>
                            <a href="#">省内学校查询</a>
                            <a href="#">高等教育学籍查询</a>
                            <a href="#">四六级成绩查询</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2901.png" alt="" />
                        </div>
                        <div className='sige'>
                            <h4>税务</h4>
                            <a href="#">发票查询</a>
                            <a href="#">开具个人所得税证明</a>
                            <a href="#">个人所得税查询</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2908.png" alt="" />
                        </div>
                        <div className='sige'>
                            <h4>水电气</h4>
                            <a href="#">用水报装/变更</a>
                            <a href="#">用电报装/变更</a>
                            <a href="#">用汽报装/变更</a>
                        </div>
                    </li>
                </ul>
            </div>
            {/* <div className='shang xia'>
                <h3>群众专区</h3>
                <ul >
                   
                    <li>
                        <div>
                        <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                        </div>
                    </li>
                    <li>
                        <div>
                        <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                        </div>
                    </li>
                    <li>
                        <div>
                        <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                        </div>
                    </li>
                    <li>
                        <div>
                        <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                        </div>
                    </li>
                    <li>
                        <div>
                        <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                        </div>
                    </li>
                    <li>
                        <div>
                        <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                        </div>
                    </li>
                    <li>
                        <div>
                        <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                        </div>
                    </li>
                    <li>
                        <div>
                        <img src="https://cdn7.axureshop.com/demo/1568099/images/%E9%A6%96%E9%A1%B5_1/u2859.png" alt="" />

                        </div>
                        <div className='sige'>
                            <h4>社保</h4>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                            <a href="#">城乡居民养老保险登记</a>
                        </div>
                    </li>
                </ul>
            </div> */}
        </div>
    );
}

export default Hot;